<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8" />
        <meta name="description" content="对网页的一段概括性描述"/>
        <meta name="keywords" content="关键字1,关键字2,关键字3..."/>
        <meta name="renderer" content="webkit">
        <title>迷你酥 - 查工资|聊面试|评公司|搜职位|中国领先的职场信息平台</title>
        <link rel="shortcut icon" href="favicon.ico"/>
        <link rel="stylesheet" href="<%=request.getContextPath()%>/static/talent/css/homepage.css">
        <link rel="stylesheet" href="<%=request.getContextPath()%>/static/comm/css/site-homepage.css">
        <script src="<%=request.getContextPath()%>/static/comm/plugin/jquery.min.js"></script>
    </head>
    <body>
    	<%@ include file="../site/jspf/user-header.jspf" %>
    	
    	
    	<section class="banner clearfix" style="background-image:url(<%=request.getContextPath()%>/static/comm/image/b-1.jpg);">
			<h1 class="">找工作，看准了你再跳</h1>
			<dl class="banner_dl">
				<dt>
					<a href="/jobl/p/?ka=banner-recruit" class="current">职位</a>
					<em>|</em><a class="" href="javascript:;">公司</a>
					<em>|</em><a href="javascript:;">工资</a>
					<em>|</em><a href="javascript:;">面试</a>
				</dt>
				<dd>
					<form action="<%=request.getContextPath()%>/SiteServlet?act=toPositionPage" method="post">
						<input type="text" class="c_ipt onholder" name="searchText" maxlength="30" autocomplete="off" placeholder="职位名称">
						<input type="submit" class="btn_o_l" value="搜索">
					</form>
				</dd>
			</dl>
			<p>搜索日均超过2,000,000个热门职位招聘信息</p>
		</section>
		
		<div class="container ps_con clearfix">
			<section class="l_con clearfix">
				<h3 class="tt tt_command">
					<img src="<%=request.getContextPath()%>/static/site/image/tt_command.jpg" alt="内部员工点评">
				</h3>
				<div class="panel">
					<ul class="command">
					<c:forEach items="${commentPageModel.list}" var="comment">
						<li>
							<a class="logo" href="" target="_blank">
								<img src="http://img.kanzhun.com/images/logo/20150215/5801380faf21e53ea250ccfa9da10685.jpg" title="优衣库" alt="优衣库logo" width="91">
								<span></span>
							</a>
							<div>
								<h3>
									<a href="" target="_blank">${comment.company$name}</a>
								</h3>
								<span class="grade_star"><i style="width:74.0%;"></i></span><br>
								<em class="grey_99">来自260条点评</em>
							</div>
							<dl>
								<dd>
									${comment.comments}
								</dd>
								<dd class="laizi">
									<em class="grey_99">游客</em>
								</dd>
							</dl>
						</li>
					</c:forEach>
					<li style="text-align: center" id="loading">
						<img alt="" src="<%=request.getContextPath()%>/static/site/image/ajax-loader.gif">
					</li>
					</ul>
				</div>
			</section>
			<section class="r_con clearfix">
				<div class="mb20">
					<a href="" target="_blank" rel="nofollow">
						<img src="<%=request.getContextPath()%>/static/site/image/homepage-right-logo.jpg" alt="" width="264">
					</a>
				</div>
				<div class="indy_comment">
					<h3 class="r_tt">按行业查看公司</h3>
					<ul class="industry">
						<li><a href="/plc52p1.html">IT/互联网</a></li>
						<li><a href="/plc65p1.html">电子/通信/硬件</a></li>
						<li><a href="/plc67p1.html">金融</a></li>
						<li><a href="/plc64p1.html">生活服务</a></li>
						<li><a href="/plc62p1.html">汽车</a></li>
						<li><a href="/plc54p1.html">交通/贸易/物流 </a></li>
						<li><a href="/plc53p1.html">专业服务</a></li>
						<li><a href="/plc57p1.html">广告/传媒/文化</a></li>
					</ul>
					<div class="C-toggler c1">展开<i></i></div>
					<h3 class="r_tt">最新员工评论</h3>
					<div class="scroll_wrap" style="height: 208px;">
						<ul class="comment  scroll_inner" style="top: 0">
							<li class="comment_item" style="opacity: 1;">
								<i class="i"></i>
								<a href="/gsmsh10074848.html" target="_blank">“真的很坑 耽误时间 面试流程繁琐拖沓”<br><span class="from">——面试海格通信软件研发工程师</span></a>
							</li>
							<li class="comment_item" style="opacity: 1;">
								<i class="c"></i>
								<a href="/pl5736962.html" target="_blank">“还是比较推荐的吧，毕竟大厂，好好做还是能学到不少东南的”<br><span class="from">——乐视网员工说</span></a>
							</li>
							<li class="comment_item" style="opacity: 1;">
								<i class="c"></i>
								<a href="/pl5736968.html" target="_blank">“非常正规的一加公司，培训，薪酬，福利都不错。”<br><span class="from">——诺华制药员工说</span></a>
							</li>
						</ul>
					</div>
					<h3 class="r_tt">关注我们</h3>
					<aside>
						<p>
							<a href="" target="_blank" rel="nofollow">
								<img src="<%=request.getContextPath()%>/static/site/image/np_company_index_img_04.jpg" alt="">
							</a>
							<a href="" target="_blank" rel="nofollow" class="btn_o_s">+ 关注</a>
						</p>
						<img src="<%=request.getContextPath()%>/static/site/image/np_company_index_img_06.jpg" alt="">
					</aside>
				</div>
			
			</section>
		</div>
		<script>
			// 滚动条总共高度(scrollHeight) = 滚动过的高度(scrollTop) + 屏幕的可见高度(windowHeight)
			var scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
			var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
			var flag = true;
			var pageNo = 1;
			window.onscroll = function() {
				var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
				if(scrollHeight - (scrollTop + windowHeight) <= 50 && flag) {
					$("#loading").remove();
					flag = false;
					$.get('<%=request.getContextPath()%>/SiteServlet?act=loadingData&pageNo=' + (pageNo++) + '&time=' + new Date().getTime(), function(datas) {
						var html = [];
						for (var i = 0; i < datas.length; i++) {
							html.push('<li>');
							html.push('    <a class="logo" href="" target="_blank">');
							html.push('        <img src="http://img.kanzhun.com/images/logo/20150215/5801380faf21e53ea250ccfa9da10685.jpg" title="优衣库" alt="优衣库logo" width="91">');
							html.push('        <span></span>');
							html.push('    </a>');
							html.push('    <div>');
							html.push('        <h3>');
							html.push('            <a href="" target="_blank">' + datas[i].company$name + '</a>');
							html.push('        </h3>');
							html.push('        <span class="grade_star"><i style="width:74.0%;"></i></span><br>');
							html.push('        <em class="grey_99">来自260条点评</em>');
							html.push('    </div>');
							html.push('    <dl>');
							html.push('        <dd>');
							html.push('            ' + datas[i].comments);
							html.push('        </dd>');
							html.push('        <dd class="laizi">');
							html.push('            <em class="grey_99">游客</em>');
							html.push('        </dd>');
							html.push('    </dl>');
							html.push('</li>');
						
						}
						html.push('<li style="text-align: center" id="loading"> <img alt="" src="<%=request.getContextPath()%>/static/site/image/ajax-loader.gif"> </li>');
						$('.command').append(html.join(''));
						scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
						flag = true;
					}, 'json')
				} 
			}
		</script>
    </body>
</html>
